<!DOCTYPE html>
<html>

	<head>
		<meta charset="UTF-8">
		<meta http-equiv="X-UA-Compatible" content="IE=edge">
		<meta name="viewport" content="initial-scale=1,maximum-scale=1,user-scalable=no">
		<meta name="description" content="personal blog login page" />
		<meta name="author" content="lihongpeng" />
		<title>消息</title>
		<link rel="stylesheet" href="/css/plugins/bootstrap.min.css" />
		<link rel="stylesheet" href="/css/plugins/jianyi-style.css" />
		<!--[if lt IE 9]>
		<script src="https://cdn.bootcss.com/html5shiv/r29/html5.min.js"></script>
		<![endif]-->
	</head>

	<body data-spy="scroll" data-target=".navbar" data-offset="70">
		<div class="jy-blue">
			<div class="container header clearfix">
				<a href="#"><img src="img/jianyi-logo.png" class="jy-logo" /></a>
				<a href="#">首页</a>
				<a href="#">关注</a>
				<div class="dropdown">
					<a id="drop1" href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">
						消息<span class="caret"></span>
					</a>
					<div class="dropdown-menu" aria-labelledby="drop1">
						<a href="#" class="list-group-item">评论</a>
						<a href="#" class="list-group-item">简信</a>
						<a href="#" class="list-group-item">投稿请求</a>
						<a href="#" class="list-group-item">喜欢和赞</a>
						<a href="#" class="list-group-item">关注</a>
						<a href="#" class="list-group-item">赞赏</a>
						<a href="#" class="list-group-item">其他消息</a>
					</div>
				</div>
				<form action="" method="" class="form-search">
					<input type="text" name="" id="searchInput" value="" placeholder="搜索" x-webkit-speech="" x-webkit-grammar="builtin:search" lang="zh-CN">
					<a class="search-btn" href="javascript:;"><span class="mui-icon mui-icon-search"></span></a>
				</form>
				<div class="user-header">
					<div class="dropdown">
						<a id="drop1" href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">
							<img src="img/college.png" />
							<span class="caret"></span>
						</a>
						<div class="dropdown-menu" aria-labelledby="drop1">
							<a href="#" class="list-group-item">我的主页</a>
							<a href="#" class="list-group-item">收藏的文章</a>
							<a href="#" class="list-group-item">喜欢的文章</a>
							<a href="#" class="list-group-item">我的钱包</a>
							<a href="#" class="list-group-item">设置</a>
							<a href="#" class="list-group-item">帮助与反馈</a>
							<a href="#" class="list-group-item">退出</a>
						</div>
					</div>
				</div>
			</div>
		</div>
		<div class="container jy-content">
			<div class="col-md-4 nav-parent jy-content">
				<nav class="navbar nav-padding" role="navigation">
					<div class="collapse navbar-collapse js-navbar-scrollyspy">
						<ul class="nav nav-pills">
							<li>
								<a href="#D1" class="scroll">评论</a>
							</li>
							<li>
								<a href="#D2" class="scroll">简信</a>
							</li>
							<li>
								<a href="#D3" class="scroll">投稿请求</a>
							</li>
							<li>
								<a href="#D4" class="scroll">喜欢和赞</a>
							</li>
							<li>
								<a href="#D5" class="scroll">赞赏</a>
							</li>
							<li>
								<a href="#D6" class="scroll">其他消息</a>
							</li>
						</ul>
					</div>
				</nav>
			</div>
			<div class="col-md-8 jy-white padding msg-content">
				<h4 id="D1">基础设置</h4>
				<div class="line"></div>
			</div>
		</div>
		<footer class="container">
			<a href="">关于简易</a><i>·</i>
			<a href="">联系我们</a><i>·</i>
			<a href="">加入我们</a><i>·</i>
			<a href="">作者出书计划</a><i>·</i>
			<a href="">帮助中心</a><i>·</i>
			<a href="">合作伙伴</a>
			<div class="icp">
				©2017-2017 北京简易科技有限公司 / Tel:021-61995350 / 简易 / 京ICP备11018329号-5 / 京公网安备00000000000号
				<a target="_blank" href="#">
					<img src="" alt="Smrz">
				</a>
			</div>
		</footer>
		<script type="text/javascript" src="/js/plugins/jquery-3.1.1.min.js"></script>
		<script type="text/javascript" src="/js/plugins/bootstrap.min.js"></script>
		<script type="text/javascript" src="/js/plugins/back-top.js"></script>
		<script>
			(function(win, doc) {
				$().dropdown('toggle');
				var sopportTouch = "ontouchstart" in doc,
					tapStart = sopportTouch ? "touchstart" : "mousedown",
					tapEnd = sopportTouch ? "touchend" : "mouseup";
				doc.querySelector('#searchInput').addEventListener('focus', function() {
					this.parentElement.className = 'form-search-act';
				});
				doc.querySelector('#searchInput').addEventListener('blur', function() {
					this.parentElement.className = 'form-search';
				});
			})(window, document);
		</script>
	</body>

</html>